<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>This is the menu test</title>
<link type="text/css" rel="stylesheet" href="../static/css/ext-all.css" />
<script type="text/javascript" src="../static/js/ext-base.js"></script>
<script type="text/javascript" src="../static/js/ext-all-debug.js"></script>
<script type="text/javascript" src="../static/js/common/util.js"></script>
<script type="text/javascript">createBaseCookie("/tim");</script>
<script type="text/javascript" src="../static/js/common/menu.js"></script>
<script type="text/javascript">
Ext.BLANK_IMAGE_URL = '../static/images/default/s.gif'; // 避免线上访问extjs.com而做的特殊处理

Ext.onReady(function(){
    var mainPanel=new Ext.Panel({ //new 一个Panel 用以显示菜单
        region: 'center',
        border: false,       //没有边框
        //renderTo:"main",    //显示的位置，在body里的一个div
        tbar:[
            {text:"系统管理",menu:SystemMenu},      //把菜单放在Panel的顶部工具栏
            {text:"客户管理",menu:CustomerMenu},
            {text:"供应商管理",menu:SupplyMenu},
            {text:"仓储管理",menu:StorageMenu},
            {text:"财务管理",menu:FinanceMenu},
            {text:"采购管理",menu:PurchaseMenu},
            {text:"销售管理",menu:SalesMenu},
            {text:"统计分析",menu:DataAnalyseMenu}
        ],
        autoHeight: true,
        autoWidth: true
    });

    new Ext.Viewport({
	    layout: 'border',
	    items: [{
	        region: 'north',
	        renderTo: 'header',
	        height: 50,
	        border: false,
	        margins: '0 0 5 0'
	    }, mainPanel, 
	    {
	        region: 'south',
	        title: 'Quick Search',
	        collapsible: true,
	        html: 'Information goes here',
	        split: true,
	        height: 50,
	        minHeight: 5
	    }]
	});
});
</script>
</head>
<body>
<div id="header">
	<p>hello, this is the header</p>
</div>
</body>
</html>